<template>
	<view class="message__container">
		<view class="price__container">
			<text><i class="iconfont iconjifen"></i>{{point}}积分</text>
			<text>+</text>
			<text>￥{{cost}}</text>
		</view>
		
		<view class="price__container">
			<del><span>原价： ￥{{price}}</span></del>
			<span> | </span>
			<span>已售：{{sell}}件</span>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			point: [Number,String],  // 积分
			price: [Number,String],  // 市场价
			cost : [Number,String],  // 销售价
			sell : [Number,String]   // 卖出数量
		}
	}
</script>

<style>
	.message__container {
		padding: 14rpx 30rpx;
		height: 96rpx;
		background-color: #3790F4;
	}
	
	.message__container .price__container text{
		margin-right: 10rpx;
		font-size: 36rpx;
		color: #FFFFFF;
		font-weight: bold;
	}
	
	.message__container .price__container text i {
		color: #FFE148;
		font-size: 40upx;
	}
	
	.message__container .price__container span{
		margin-right: 10rpx;
		font-size: 24rpx;
		color: #FFFFFF;
	}
	
	del{
		color: #FFFFFF;
	}
</style>
